<template>  
  <view class="image-wall">  
    <view class="image-item" v-for="(image, index) in images" :key="index">  
      <image :src="image" class="image-content"></image>  
    </view>  
  </view>  
</template>  
  
<script>  

export default {  
  data() {  
    return {  
      images: [  
        '/static/logo.png',  
        '/static/image2.png',  
        'https://nlp-eb.cdn.bcebos.com/static/eb/asset/logo.8a6b508d.png',  
        // ... 添加更多图片路径  
      ]  
    };  
  }
};  
</script>  
  
<style scoped>  
.image-wall {  
  display: flex;  
  flex-wrap: wrap;  
  justify-content: space-around;  
}  
  
.image-item {  
  width: 45%; /* 根据需要调整图片宽度 */  
  margin: 2.5%; /* 根据需要调整图片间距 */  
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */  
}  
  
.image-content {  
  width: 100%;  
  height: auto; /* 保持图片比例 */  
  border-radius: 8px; /* 添加圆角效果 */  
}  
</style>